<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000">
      <van-swipe-item v-for="(item, index) in images" :key="index">
        <van-image :src="require('../assets/img/' + item)"></van-image>
      </van-swipe-item>
      <template #indicator>
        <div class="custom-indicator"></div>
      </template>
    </van-swipe>
  </div>
</template>

<script>
export default {
  // props: ['images'],
  data() {
    return {
      images: ["cat1.jpg"],
    };
  },
};
</script>

<style lang="scss">
.van-image__img {
  width: 37.5rem;
  height: 20rem;
  object-fit: cover;
}
.my-swipe .van-swipe-item {
  width: 100%;
  height: 20rem;
}
.custom-indicator {
  background: rgba(0, 0, 0, 0);
}
</style>